<template>
  <div :class="classes">
    <h3 :class="classesTitle">修改头像</h3>
    <div :class="classesContent">
      <div :class="classesContentM">
        <div :class="classesContentMIn">
          <div :class="classesPhotoImgStage" :id="id"></div>
          <!--fd-photo-img end-->
          <div :class="classesPhotoOperate" :id="controllerId">
            <div class="jsBtnReduce" :class="classesPhotoBtnReduce">-</div>
            <div class="jsDragTrack" :class="classesPhotoProgress">
              <div class="jsBtnDrag" :class="classesPhotoProgressDrag"></div>
            </div>
            <div class="jsBtnAdd" :class="classesPhotoBtnAdd">+</div>
          </div>
          <!--fd-photo-operate end-->
        </div>
        <!--fd-mend-photo-cm-in end-->
      </div>
      <!--classesContentM  end-->
      <div :class="classesPhotoFooter">
        <button :class="classesPhotoFooterBtnUpload">
          <input type="file" :id="fileInput" accept="image/*" />本地上传
        </button>
        <button :class="classesPhotoFooterBtnCancel" :id="btnCancel">取消</button>
        <button :class="classesPhotoFooterBtnConfirm" :id="btnConfirm">确定</button>
      </div>
      <!--classesPhotoFooter end-->
    </div>
    <!--classesContent end-->
  </div>
  <!--fd-mend-photo-component end-->
</template>
<script type="text/ecmascript-6" src="./index.js"></script>
